<!DOCTYPE html>
<html>

<head>
    <title>测试</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="my.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript">
        var a = '123';

        $(function() {
            //$(".boring-text~div").css("background", "red");
            // $("div:first").css("background","red");
            // $("div:last").css("background","green");
            // $("div:odd").css("background","green");
            // $("div:not(:even)").css("background","green");

            $('#btn').bind("click", myFun1 = function() {
                $('#test').append("<p>我的绑定函数1</p>")
            }).bind("click", myFun2 = function() {
                $('#test').append("<p>我的绑定函数2</p>")
            }).bind("click", myFun3 = function() {
                $('#test').append("<p>我的绑定函数3</p>")
            }).bind('myClick', function() {
                $('#test').append("<p>我的自定义事件</p>")

            });


            $('#btn').trigger("myClick");
            // $('#btn').myClick();

            $('#delAll').bind("click", function() {
                /* body... */
                $('#btn').unbind("click", myFun2);
            });

        });


        // $(window).load(function() {
        //     alert(document.readyState);
        // });
    </script>
</head>

<body>
    <p class="boring-text">Here is some good old boring text.</p>
    <p>Here is some moderate text that is neither boring nor exciting</p>
    <p class="exciting-text">Contributing to MDN is easy and fun!</p>
    <button id="btn">单击我</button>
    <button id="delAll">删除所有事件</button>
    <div id="test"></div>
    <!--     <div>index0</div>
    <div class="abc">index1</div>
    <div>index2</div>
    <div>index3</div> -->
    <video width="320" height="240" controls autoplay>
        <!-- <source src="movie.mp4" type="video/mp4"> -->
        <source src="E:\公司资料\其它\Love.Lesson.mp4" type="video/mp4">
    </video>
    <!-- <a href="javascript:void(alert('hello'))">点我没反应的！</a> -->
    <!-- <a href="#">点我没反应的！</a>  -->
    <!-- <a href="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a> 多选框: -->
    <br>
    <br>
    <form id="form1" action="#">
        <input type="button" name="" value="Button">
        <input type="checkbox" name="" value="1">1
        <input type="checkbox" name="" value="2">2
        <input type="checkbox" name="" value="3">3
        <input type="file" name="">
        <br>
        <input type="radio" name="">1
        <input type="radio" name="">2
        <br>
        <select size="12" id="one" multiple="multiple">
            <option>苹果</option>
            <option selected="selected">香蕉</option>
            <option selected="selected">草莓</option>
            <option>橘子</option>
        </select>
        <input type="password" name="" value="">
    </form>
    <ul>
        <li a="2" title="1">11</li>
        <li title="2">22</li>
        <li title="3">33</li>
    </ul>
    <table>
        <tr>
            <td>
                <select size="12" id="one" multiple="multiple">
                    <option>苹果</option>
                    <option selected="selected">香蕉</option>
                    <option>草莓</option>
                    <option>橘子</option>
                </select>
            </td>
            <td>
                <input type="button" value="&nbsp;>&nbsp;" name="">
                <br>
                <input type="button" value="&nbsp;<&nbsp;" name="">
                <br>
                <input type="button" value=">>>" name="">
                <br>
                <input type="button" value="<<<" name="">
                <br>
            </td>
            <td>
                <select size="12" id="two" multiple="multiple">
                    <option>葡萄</option>
                </select>
            </td>
            <td>
                <input type="button" value="Up" name="">
                <br>
                <input type="button" value="Down" name="">
            </td>
        </tr>
    </table>
</body>

</html>
<script type="text/javascript">
    // alert(document.readyState);
</script>